<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="format-detection" content="telephone=no">
  <title>每月运势</title>
  <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
  <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
  <link rel="stylesheet" href="__PUBLIC__/css/bzjp_bmf_zhifu.css">
  <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <style>
    .myys-relust h3 {
      font-size: .28rem;
      color: #F74747;
      font-weight: 600;
    }
    span.red {
      color:#F74747;
    }
    .myys-relust .content {
      font-size: .28rem;
      color: #333333;
    }

    .myys-relust .content .red {
      color: #f73232;
    }

    .myys-rzl {
      border: 1px solid #f73232;
      height: 500px;
    }

    .myys-result-wrap {
      /* height: 500px; */
      /* margin-bottom: .2rem; */
      /* background-color: #fff; */
      /* padding: .1rem; */
      width: 97.333vw;
      height: 74.933vw;
      box-sizing: border-box;
      background:url('__PUBLIC__/images/lucky-monthly/v11/img_bj.png');
      background-size: 100% 100%;
    }

    /* .border-line {
      border: 1px solid #f73232;
      height: 100%;
    } */

    .row1 {
      display: flex;
      padding: .2rem;
    }

    .row1 .dashi {
      width: 3.5rem;
      display: block;
      height: 4.5rem;
    }

    .row1 .content h3 {
      padding-top: .3rem;
      font-size: .28rem;
      color: #F74747;
      font-weight: 600;
      width: 3.2rem;
    }
    .blue{
      color: #F74747;
    }

    .row1 .content .result-content {
      position: absolute;
      width: 4rem;
      /* padding-top: .3rem; */
      font-size: .28rem;
      /* color: #f73232; */
      /* font-weight: 600; */
    }

    .row1 .content .result-content .red {
      color: #F74747;
    }

    .row1 .content .result-content .btn-wrap {
      height: 200px;
    }

    .row1 .content .result-content .btn-wrap .price-wrap {
      text-align: center;
      margin-top: 20px;
    }

    .row1 .content .result-content .btn-wrap .price-wrap .tt {
      color: #ef5656;
      font-size: .30rem;
    }
    .timedown{
      font-size: .30rem;
    }

    .row1 .content .result-content .btn-wrap .price-wrap .del {
      font-size: .30rem;
      color: #333;
      text-decoration: line-through
    }

    .row1 .content .result-content .btn-wrap .btn.comeon {
      display: block;
      width: 3.24rem;
      height: 1.08rem;
      margin: .2rem auto;
    }

    .timedown {
      font-size: 12px;
      text-align: center;
      margin-bottom: .2rem;
    }

    .timedown .ttt {
      color: #333;
    }

    .timedown {
      color: #ef5656;
    }

    .bzjp_zf_center {
      padding: 0;
      background-color: #FFDDDC
    }

    .bzjp_zf_center_bg {
      background-image: url('__PUBLIC__/images/lucky-monthly/bg-page.png');
      width: 100%;
      height: 8.8rem;
    }

    .bzjp_zf_center_title {
      padding-top: .4rem;
    }
    .business-wrap{
      padding: 0.1rem;
      margin-top: .2rem;
      background-color: #fff;
      box-sizing: border-box;
    }
    .border-line-wrap{
      padding: 3.467vw;
      box-sizing: border-box;
      border: 1px solid #f73232;
    }
    .bzjp_zf_foot_title{
      padding: .2rem 0;
    }
    .bzjp_zf_foot_list li p{
      font-size: 3.2vw
    }
    .bzjp_zf_container{
      background-color:#FFDDDC;
    }
    .bzjp_zf_foot_list li h3::before{
      content: '';
      width:0.30rem;
      height:0.34rem;
      display: inline-block;
      margin-right:0.4rem;
      background:url('__PUBLIC__/images/lucky-monthly/v11/img_sanjiaoicon.png') no-repeat;
      background-size:100% 100%;
      vertical-align: middle;
  }
  .bzjp_zf_foot_list li{
    padding-bottom: 0.2rem;
  }
  .bzjp_zf_foot_list li p{font-size:0.27rem;margin-bottom: 0.12rem;}
.bzjp_zf_foot_list li p:last-child{margin-bottom:0; }
.bzjp_zf_fiexd_btn{
    position: fixed;
    bottom: 0;
    left:0;
    width: 100%;
    height: 19.333vw;
    background-color: rgba(0,0,0,0.5);
    z-index: 33;    
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn_bg{
    height:13.333vw;
    width:97.333vw;
}
  </style>
</head>

<body>
  <include file="Public/header"/>
  <div class="bzjp_zf_container">
    <div class="myys-result-wrap">
      <!-- <div class="border-line"> -->
        <div class="row1">
          <div class="content">
            <h3><if condition="$znickname eq '匿名'">你好<else /><!--{$znickname}--></if>：</h3>
            <div class="result-content">你的出生日期是<span class="red"><!--{$datetype}--></span>，八字为<span class="red"><!--{$sizhu[0]}--> <!--{$sizhu[1]}--> <!--{$sizhu[2]}--> <!--{$sizhu[3]}--></span>。你的<!--{$monthNum[0]}-->月份是一个不平凡的月份，<span
                class="red">会有一些大的变化，一定要多加注意！</span>
              <div class="btn-wrap">
                <p class="price-wrap">
                  <span class="tt">特惠价：<!--{$Think.cookie.priceName}--></span>
                  <!--<span class="del">￥88</span>-->
                </p>
                <img src="__PUBLIC__/images/lucky-monthly/btn_lijichakan.png" alt="" class="btn comeon ljck_btn">
              </div>
            </div>

          </div>
          <div class="dashi"></div>
        </div>
        <div class="timedown">
          <span class="ttt">距优惠结束：</span>
          <span id="timestr" >01:59:59</span>
        </div>
      <!-- </div> -->

    </div>
    <div class="bzjp_bmf_top">
      <!-- <div class="myys-rzl">
        <img src="__PUBLIC__/images/lucky-monthly/dashi.png" class="dashi_native" alt="">
        <div class="myys-relust">

        </div>
        <div class="bmf_top_2">
          <div class="bmf_Btn2 J_pay_btn">一键领取</div>
        </div>
        <div class="bmf_top_3"></div>
        <div class="bmf_top_4"></div>
      </div> -->

      <!-- 遮罩层 -->
      <div class="bzjp_zf_center">
        <div class="bzjp_zf_center_bg">
          <p class="bzjp_zf_center_title">
            <if condition="$znickname eq '匿名'">你
              <else />
              <!--{$znickname}-->
            </if>的<!--{$monthNum[1]}-->月份运程报告
          </p>
          <p class="bzjp_zf_center_lineNum">(1-2万字)</p>
          <p class="zf_line">利用最权威的八字排盘测算，了解您的命理根源，解开你在<!--{$monthNum[1]}-->月份的运势奥秘！</p>
          <!-- <p class="zf_line">2.预防车祸意外早知道；身体易得疾病早预测，中医学指导；晚年运；</p>
        <p class="zf_line">3.私人八字订制每日运势，如每日财运、打牌运指南等</p> -->
          <div class="J_btn J_pay_btn"><img src="__PUBLIC__/images/bzjp_img/img_btn2.png" alt="" width="100%"></div>
          <p class="bzjp_zf_center_foot">共25页</p>
        </div>

        <div class="business-wrap">
        <div class="border-line-wrap">
          <div class="bzjp_zf_foot_title">琬琰老师将为您详尽解析</div>
          <ul class="bzjp_zf_foot_list">
            <li>
              <h3>您的事业分析</h3>
              <p>根据您的<span class="blue">命格优劣</span>,指导你的<span class="blue">能力优势</span>，在<!--{$monthNum[0]}-->月份找到<span class="blue">事业突破点</span>。</p>
            </li>
            <li>
              <h3>您的财运分析</h3>
              <p>你的<!--{$monthNum[0]}-->月<span class="blue">财运如何？</span>财进财出，<span class="blue">稳扎稳打做好赚钱每一步</span>。</p>
            </li>
            <li>
              <h3>您的感情分析</h3>
              <p>详解你<!--{$monthNum[0]}-->月的<span class="blue">桃花能量和感情走势</span>，扫除障碍<span class="blue">经营好感情生活</span>。</p>
            </li>
            <li>
              <h3>您的健康分析</h3>
              <p>身体健康方能诸事大吉，大师针对你命格的<span class="blue">危机中高</span>，给予你不用的<span class="blue">预防方案。</span></p>
            </li>
          </ul>
        </div>
      </div></div>

      <!-- 6-13新增 -->
      <!--<div class="ms_container">-->
      <!--<div class="ms_wrap">-->
      <!--<div class="ms_title">根据民间秘传鬼谷子算命术，您的命诗为：</div>-->
      <!--<div class="s_wrap">-->
      <!--<p>&lt;!&ndash;{$guaci[1]}&ndash;&gt;</p>-->
      <!--</div>-->
      <!--<div class="ms_title2">白话文解释为：</div>-->
      <!--<div class="s_wrap2">-->
      <!--<div class="ms_btn J_pay_btn"><img src="__PUBLIC__/images/bzjp_img/ms_btn.png" alt="" width="100%"></div>-->
      <!--</div>-->
      <!--</div>-->
      <!--</div>-->
    </div>
    <!-- 悬浮按钮 -->
    <div class="bzjp_zf_fiexd_btn J_pay_btn">
      <div class="btn_bg"></div>
    </div>
    <!-- 支付弹窗 -->
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
      <div class="public_pp_box">
        <div class="public_pp_close" id="publicPPClose">X</div>
        <div class="public_pp_tit">解锁查看所有测算结果</div>
        <div class="public_pp_price">
          <span>统一鉴定价：</span><strong>￥
            <!--{$Think.cookie.price}-->元</strong>
        </div>
        <div class="public_pay_box">
          <!--<div id="qrcode"></div>-->
          <!--<a href="&lt;!&ndash;{:U('Bzjp/jieguoye','',false)}&ndash;&gt;" class="zf weixin"><img src="__PUBLIC__/images/public/wxzf.png" alt="微信支付"/>测试直接看结果</a>-->

            <!-- 支付弹窗 -->
            <include file="Public/zhifu_Popup" />

        </div>
      </div>
    </div>
    <include file="Public/qudao135zhifu"/>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="//cdn.bootcss.com/moment.js/2.17.1/moment.min.js"></script>
    <script>

      // H5支付事件
      var ispress = true;
      function payMoney(payType) {
        if (ispress) {
          ispress = false;
          layer.load();
          if (payType == "wx") {
            layer.closeAll('loading');
            window.location.href = "<!--{:U('Myys/paywx','',false)}-->";
          } else if (payType == "zfb") {
            layer.closeAll('loading');
              $.getJSON("<!--{:U('Index/getPayZfbUrl','',false)}-->",function(data){if(data.url){location.href=data.url;}else{window.location.href = "<!--{:U('Index/jumpPayZfb','',false)}-->";}});
          }
          setTimeout(function () {
            layer.closeAll('loading');
          }, 30000)
          setTimeout(function () {
            ispress = true;
          }, 2000)
        } else {
          console.log('你不能重复发起支付')
        }
      }

      var QTTopenid="<!--{$Think.cookie.QTTopenid}-->";
      var channel="<!--{$channel}-->";
      $('.ljck_btn').on('click',function(){//立即查看
          $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->",{csName:'CY'},function(data){//立即查看统计
          });
          publicPayPopup();
      })

      $('.J_pay_btn').on('click', function () { //解锁
          publicPayPopup();
      })

      function publicPayPopup(){
          if(channel=='qudao245'&&QTTopenid!=''){//趣头条支付
              payMoney245();exit;
          }else if(channel=='appaidou'){//爱豆支付
              aidouPay();exit;
          }
          zhifuPopup();
          $('#publicPayPopup').css('display','block');
      }

      $('#publicPPClose').on('click', function () {
          $('#publicPayPopup').css('display', 'none');

      })

      setInterval(function(){
          $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->",function(data){//回调入库
              $('#timestr').text(data);
          });
      },1000);



      $(".weixinzf").on('click',function(){
          WeixinJSBridge.invoke(
                  'getBrandWCPayRequest', {
                      "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                      "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                      "nonceStr":"<!--{$nonceStr}-->", //随机串
                      "package":"<!--{$package}-->",
                      "signType":"<!--{$signType}-->",         //微信签名方式：
                      "paySign":"<!--{$paySign}-->" //微信签名
                  },
                  function(res){
                      if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                          location.href="<!--{:U('Myys/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                      }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                  }
          );

      });

    </script>
</body>

</html>